<!--
* @FileDescription: 分站初始化信息-清爽
* @Author: yuec621@outlook.com
* @Date: 2025-09-17 09:30:38
* @LastEditors: Please set LastEditors
* @LastEditTime: 2025-09-17 09:30:38
-->
<template>
  <div class="pagestyle">
    <list_controller
      :showCaozuo="true"
      :style="{ width: state.listBtnType == 6 ? '78%' : '100%' }"
      ref="zujianname"
      :options="state.options"
    >
      <template v-slot:selectNamelist> 分站初始化信息 </template>
      <template v-slot:listSS="{ row, field }">
        <div
          v-if="field == 'durationTime'"
          >{{computTime(row)}}</div
        >
      </template>
    </list_controller>
  </div>
</template>
<script setup>
import list_controller from "@/components/commonCom/list_controller";
import { 
  computed,
  reactive,
  ref} from "vue";
import { table_headers } from "@/components/commonCom/table_headers";
import usePagesStore from "@/store/modules/pages";
import dayjs from "dayjs";
// 时间插件
import duration from 'dayjs/plugin/duration'
dayjs.extend(duration);
const { proxy } = getCurrentInstance();
const store = usePagesStore();
const router = useRouter();
const upload = ref(null);
let timer
let state = reactive({
  detailsShow: false,
  detailsList: [],
  fillayaComShow: false, //控制填写分析抽屉显示
  listBtnType: undefined,
  options: {
    refreshShow:true,
    tableheads: computed(() => table_headers.realStationBase),
    listSS:[
      {field: "durationTime"}
    ],
    queryList: {
      querys: [],
    },
    dataUrl: "/stationBase/list",
  },
  tempList: [],
  timeDiff:'',
  // 表单
  editId: undefined,
  dataOption:{
    twoTitle:'近24小时异常统计',
    threeTitle:'馈电异常次数及时长统计',
    fourTitle:'馈电测点异常次数',
    twoUrl:'/realPointAlarm/attainAnomalyInfo',
    threeUrl:'/hisPointFeed/listFeedInfoStatistic',
    fourUrl:'/hisPointFeed/listFeedStatistic'
  },
  drawerShow: false,
  pointDataList: [],
});

</script>
<style lang="scss" scoped>
.xiazai{
  position: absolute;
  top: 42px;
  right:241px;
  width: 120px;
  height: 64px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffff;
  box-shadow:  0px 0px 12px rgba(0, 0, 0, 0.12);
  border-radius: 2px;
  z-index: 99;
  .item{
    width: 100%;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .item:hover{
    background-color: rgba(91, 109, 128, 0.08);
  }
}
.pagestyle {
  display: flex;
  justify-content: space-between;
}
</style>
